console.log($.cookie('shopcart'))
$(function () {
    //当点击a标签的时候，触发事件
    $('.order-detail').click(function () {
        $('.order-produce').toggle(1500)
    })
    //格式化下购物车的数据
    //把cookie里面存储的数据转化为js对象
    var shopCart = JSON.parse($.cookie('shopcart'))

    var strHtml = '' //初始化一个空的字符串，用于字符串拼接
    var sumPrice = 0; //初始化总价为0
    var sumCount = 0; //初始化总数量为0
    var allp = [] //用于存储所有商品的数据

    arrAllProducts.forEach(function (item) {
        // console.log(item)
        // concat()连接数组
        allp = allp.concat(item.products) //拼接一下商品的数据
    })
    // console.log(allp)
    shopCart.forEach(function (item) {
        //当前cookie中的商品id的对应商品
        var temProduct = allp.find(function (p) {
            return p.id == item.pid
        })
        // 总价=单价X数量
        sumPrice += item.price * item.count;
        // 数量自增
        sumCount += item.count;
        // 字符串拼接一下，显示购物车的商品详情
        strHtml +=
            `
        <div class="o-p-item"> 
            <ul>
                <li><img class="o-p-img" src="${temProduct.img}" alt="${temProduct.img}"></li>
                <li name="fuck">${temProduct.name}</li>
                <li class="o-p-price"><em>${item.price.toFixed(2)}</em>X${item.count}</li>
            </ul>
        </div>
        `


    })
    $('.order-produce').html(strHtml);
    $('#orderPrice').text(sumPrice.toFixed(2))

    var orders = [] //创建一个而空数组，将数据保存到localstorage
    if (localStorage.orders) {
        //将json对象转化为js字符串
        orders = JSON.parse(localStorage.orders);
    }

    // 当点击确认订单的时候，触发。
    $('#btnSub').click(function () {
        var order = {};
        order.oid = Date.now();
        // val() 方法返回或设置被选元素的值。
        // 元素的值是通过 value 属性设置的。该方法大多用于 input 元素。
        // 如果该方法未设置参数，则返回被选元素的当前值。
        var name = $('#txtName').val();
        var mobile = $('#txtMoblie').val();
        var address = $('#txtAddress').val();
        var remarks = $('#txtRemarks').val();

        // if (name && mobile && address) {
        //     order.receiver = name;
        //     order.mobile = mobile;
        //     order.address = address;
        //     order.remarks = remarks;
        //     order.plist = shopCart;
        // } else {
        //     alert('请输入购买人的详细信息');
        //     return
        // }
        orders.push(order);
        localStorage.orders = JSON.stringify(orders);
        console.dir(localStorage.orders);
    })
})